{% extends "base.html" %}
{% block content %}

<div id="trade_cont">
<div id="give" class="box_bg">
<a href="/profiler/private?res_type=5"><img src="/profiler/getimage?account_key={{ownerAccount.key}}" height="60px" /></a>
<div class="trans-title"><h1 class="title">YOU :GIVE</h1></div><br /><hr /><br />
<form method='POST' action="/trade/process_offer">

<table>
<tr>
<td>Minerals</td><td align="right" width="80%"><input type='text'  name='give_resOne' value='0'></td>
</tr>
<tr>
<td>Water</td><td align="right" width="80%"><input type='text'  name='give_resTwo' value='0'></td>
</tr>
<tr>
<td>Fuel</td><td align="right" width="80%"><input type='text'  name='give_resThree' value='0'></td>
</tr>
<tr>
<td>Organic</td><td align="right" width="80%"><input type='text'  name='give_resFour' value='0'></td>
</tr>
<tr>
<td>Colony Ship</td><td align="right" width="80%"><input type='text'  name='give_colonyShips' value='0'></td>
</tr>
<tr>
<td>Recycler</td><td align="right" width="80%"><input type='text'  name='give_recyclerShips' value='0'></td>
</tr>
<tr>
<td>Freighter</td><td align="right" width="80%"><input type='text'  name='give_freighterShips' value='0'></td>
</tr>
</table>
</div>
<div id="take" class="box_bg">
<a href="/profiler/public?account_key={{recipAccount.key}}"><img src="/profiler/getimage?account_key={{recipAccount.key}}" height="60px" /></a>
<div class="trans-title"><h1 class="title">{{recipAccount.user}}:GIVE</h1></div><br /><hr /><br />
<table>
<tr>
<td>Minerals</td><td align="right" width="80%"><input type='text'  name='take_resOne' value='0'></td>
</tr>
<tr>
<td>Water</td><td align="right" width="80%"><input type='text'  name='take_resTwo' value='0'></td>
</tr>
<tr>
<td>Fuel</td><td align="right" width="80%"><input type='text'  name='take_resThree' value='0'></td>
</tr>
<tr>
<td>Organic</td><td align="right" width="80%"><input type='text'  name='take_resFour' value='0'></td>
</tr>
<tr>
<td>Colony Ship</td><td align="right" width="80%"><input type='text'  name='take_colonyShips' value='0'></td>
</tr>
<tr>
<td>Recycler</td><td align="right" width="80%"><input type='text'  name='take_recyclerShips' value='0'></td>
</tr>
<tr>
<td>Freighter</td><td align="right" width="80%"><input type='text'  name='take_freighterShips' value='0'></td>
</tr>
</table>
</div>

<div id="final" class="box_bg">
<h1 class="title"> PLANET : {{ownerAccount.current_planet.name}}</h1><br /><br />
<textarea cols=90 rows=10 name='message'>Enter your message...</textarea>
<br><br>
<input type="submit" style="display: inline-block; text-align: center; width: 15%;" class="green-button"  value="TRADE">
<a href="/profiler/public?account_key={{recipAccount.key}}"><input type="button" style="display: inline-block; text-align: center; width: 15%;" class="green-button" name="cancel" value="CANCEL" /></a>
<input type='hidden' name='account_key' value='{{recipAccount.key}}'>
</form>
</div>
</div>

{% endblock %}